<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../css/mui.min.css" />
	<link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css"/>
	<style>
		
		.mui-bar~.mui-content .mui-fullscreen {
			top: 44px;
			height: auto;
		}
		.mui-pull-top-tips {
			position: absolute;
			top: -20px;
			left: 50%;
			margin-left: -25px;
			width: 40px;
			height: 40px;
			border-radius: 100%;
			z-index: 1;
		}
		.mui-bar~.mui-pull-top-tips {
			top: 24px;
		}
		.mui-pull-top-wrapper {
			width: 42px;
			height: 42px;
			display: block;
			text-align: center;
			background-color: #efeff4;
			border: 1px solid #ddd;
			border-radius: 25px;
			background-clip: padding-box;
			box-shadow: 0 4px 10px #bbb;
			overflow: hidden;
		}
		.mui-pull-top-tips.mui-transitioning {
			-webkit-transition-duration: 200ms;
			transition-duration: 200ms;
		}
		.mui-pull-top-tips .mui-pull-loading {
			margin: 0;
		}
		.mui-pull-top-wrapper .mui-icon,
		.mui-pull-top-wrapper .mui-spinner {
			margin-top: 7px;
		}
		.mui-pull-bottom-tips {
			text-align: center;
			font-size: 15px;
			line-height: 40px;
			color: #777;
		}
		.mui-pull-top-canvas {
			overflow: hidden;
			background-color: #fafafa;
			border-radius: 40px;
			box-shadow: 0 4px 10px #bbb;
			width: 40px;
			height: 40px;
			margin: 0 auto;
		}
		.mui-pull-top-canvas canvas {
			width: 40px;
		}
		
		.mui-control-content .mui-loading {
			margin-top: 50px;
		}
		
		.mui-slider {
			background: #fff;
		}
		#header {
			background-color: #498af7;
		}
		#header a {
			color: #fff;
		}
		#header h1 {
			color: #fff;
			font-size: 15px;
		}
		.mui-table-view-cell {
			padding: 10px 0 10px 12px;
		}
		
		#equipment-image {
			float: left;
			width: 100px;
			height: 100px;
			margin-top: 4px;
			overflow: hidden;
		}
		#equipment-image img {
			width: 100%;
			height: 100%;
			background-size: cover;
		}
		.equipment-items {
			height: 100px;
			list-style: none;
			padding-left: 105px;
			margin-top: 2px;
		}
		.equipment-items li {
			line-height: 21px;
		}
		.equipment-items li:first-child {
			font-size: 18px;
		}
		
		.equipment-items span {
			display: inline-block;
			width: 21px;
			height: 21px;
			vertical-align: top;
			background-size: contain;
		}
		.equipment-items li:nth-child(2) span {
			background-image: url(../../images/hospital.png);
		}
		.equipment-items li:nth-child(3) span {
			background-image: url(../../images/position.png);
		}
		.equipment-items li:last-child {
			color: #999;
		}
		
		.item-content .no-data {
			margin-top: 50px;
			text-align: center;
		}
		
		.network-error {
			text-align: center;
			padding-top: 50px;
			color: #eee;
		}
		.network-error-icon {
			font-size: 64px;
		}
	</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav" id="header">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">设备型号</h1>
	</header>
	<div class="mui-content">
		<div id="slider" class="mui-slider mui-fullscreen">
			<div id="segmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<a class="mui-control-item mui-active" href="#item1">
					待新增
				</a>
				<a class="mui-control-item" href="#item2">
					正常
				</a>
				<a class="mui-control-item" href="#item3">
					已停产
				</a>
			</div>
			<div id="segmentedControlBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
			<div class="mui-slider-group">
				<div id="item1" class="mui-slider-item mui-control-content mui-active">
					<div id="scroll1" class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<div class="item-content">
								<!--<div class="mui-loading">
									<div class="mui-spinner">
									</div>
								</div>-->
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a href="javascript:;" data-sid="">
											<div id="equipment-image">
												<img src="../../images/dhImages/cbd.jpg" />
											</div>
											<ul class="equipment-items">
												<li>MT009</li>
												<li><span></span> 迈瑞</li>
												<li><span></span> 中国 深圳</li>
												<li>型号：大型设备/放射设备/X光机</li>
												<li>2017-04-18 14:20:58</li>
											</ul>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div id="item2" class="mui-slider-item mui-control-content">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<div class="item-content">
								<div class="mui-loading">
									<div class="mui-spinner">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="item3" class="mui-slider-item mui-control-content">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<div class="item-content">
								<div class="mui-loading">
									<div class="mui-spinner">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../../js/mui.min.js" ></script>
	<script src="../../js/mui.pullToRefresh.js"></script>
	<script src="../../js/mui.pullToRefresh.material.js"></script>
	<script type="text/javascript" src="../../js/md5.min.js" ></script>
	<script type="text/javascript" src="../../js/imgload.js" ></script>
	<script type="text/javascript" src="../../js/equipment_manage.js" ></script>
</body>
</html>